<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>
        小米商城 - 小米10 Pro、Redmi K30 Pro、小米MIX Alpha，小米电视官方网站
    </title>
    <link rel="stylesheet" href="../小米/css/common.css">
    <link rel="stylesheet" href="../小米/css/index.css">
    <link rel="shortcut icon" href="../小米/bitbug_favicon.ico" type="image/x-icon">
    <script src="../小米/js/jquery-3.5.0.min.js"></script>
   
    <link rel="stylesheet" href="layui/css/layui.css">

    <style>
  @font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?72em8y');
  src:  url('fonts/icomoon.eot?72em8y#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?72em8y') format('truetype'),
    url('fonts/icomoon.woff?72em8y') format('woff'),
    url('fonts/icomoon.svg?72em8y#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.iocommon{
    font-family: 'icomoon';
    font-style: normal;
}
    </style>
</head>
<body>
    <!-- 顶部div -->
    <div class="firstImg"></div>
    <!-- 顶部导航栏 -->
    <header>
      <div class="w">
          <div class="headerNav">
              <a href="" class="headera">小米商城</a>
              <a href="" class="headera">MIUI</a>
              <a href="" class="headera">loT</a>
              <a href="" class="headera">云服务</a>
              <a href="" class="headera">金融</a>
              <a href="" class="headera">有品</a>
              <a href="" class="headera">小爱开发平台</a>
              <a href="" class="headera">企业团购</a>
              <a href="" class="headera">资质证照</a>
              <a href="" class="headera">协议规则</a>
              <a href="" class="headera">下载app</a>
              <a href="" class="headera">智能生活</a>
              <a href="" class="headera">Select Location</a>
          </div>
          <div class="headerNavr">
            <a href="" class="headera">登录</a>
              <a href="" class="headera">注册</a>
              <a href="" class="headera">消息通知</a>
              <a href="" class="headera rightfont">购物车</a>
            
          </div>
      </div>
    </header>

    <!-- 导航栏2 -->
    <!-- 左侧logo效果 -->
    <div class="headTwo-nav">
        <div class="w">
            <div class="header-logo">
               <a class="xm-logo" href="" title="小米官网"></a> 
            </div>

         <!-- 右侧nav -->
    <ul>
        <li><a href="">小米</a></li>
        <li><a href="">小米</a></li>
        <li><a href="">小米</a></li>
        <li><a href="">小米</a></li>
        <li><a href="">小米</a></li>
        <li><a href="">小米</a></li>
        <li><a href="">小米</a></li>
        <li><a href="">小米</a></li>
        <li><a href="">小米</a></li>
    </ul>
    <!-- 最右侧搜索框 -->
    <div class="serach-header">
        <input class="serach-input" type="text" placeholder="家电">
        <a class="serach-a" href=""><i class="iocommon"></i></a>
    </div>
        </div>  
    </div>

    <!-- 轮播图 -->
    <div class="layulb w">  
    <div class="layui-carousel w" id="test1">
      <div carousel-item>
        <img src="images/ia_100000232.webp"/>
        <div><img src="../小米/images/ia_100000231.webp" alt=""></div>
        <div><img src="../小米/images/ia_100000228.webp" alt=""></div>
        <div><img src="../小米/images/ia_100000229.webp" alt=""></div>
        <div><img src="../小米/images/ia_100000230.webp" alt=""></div>
        <div><img src="../小米/images/ia_100000233.jpeg" alt=""></div>
      </div>
    </div>
   <!-- 轮播图左侧 -->
    <div class="sshowleft">
      <ul>
        <li id="showleft"><a href="">手机 电话卡  </a><i class="iocommon"></i></li>
        <li><a href="">电视 盒子    </a><i class="iocommon"></i></li>
        <li><a href="">笔记本 显示器</a><i class="iocommon"></i></li>
        <li><a href="">家电 插线板  </a><i class="iocommon"></i></li>
        <li><a href="">出行 穿戴    </a><i class="iocommon"></i></li>
        <li><a href="">智能 路由器  </a><i class="iocommon"></i></li>
        <li><a href="">电源 配件    </a><i class="iocommon"></i></li>
        <li><a href="">健康 儿童    </a><i class="iocommon"></i></li>
        <li><a href="">耳机 音箱    </a><i class="iocommon"></i></li>
        <li><a href="">生活 箱包    </a><i class="iocommon"></i></li>
      </ul>
     </div>

     <div class="hiddenLeft" id="hiddenLeft">1111111111111111111111</div>
  </div>
 <!-- 轮播图下面 -->
 <div class="sshowlast-nav">
   <div class="w">
    <div class="last-one">
      <ul>
        <li><a href=""><i class="iocommon"></i>小米秒杀</a></li>
        <li><a href=""><i class="iocommon"></i>企业团购</a></li>
        <li><a href=""><i class="iocommon"></i>F码通道</a></li>
        <li><a href=""><i class="iocommon"></i>米粉卡</a></li>
        <li><a href=""><i class="iocommon"></i>以旧换新</a></li>
        <li><a href=""><i class="iocommon"></i>花费充值</a></li>
      </ul>
    </div> 

    <div class="last-nav"><img src="../小米/images/ia_100000240.jpg" alt=""></div>
    <div class="last-nav"><img src="../小米/images/ia_100000241.jpg" alt=""></div>
    <div class="last-nav"><img src="../小米/images/ia_100000242.jpg" alt=""></div>
   </div>
 </div>

 <!-- 小米闪购 -->
 <div class="flsh-shopping">
   <div class="w">
    <h2>小米闪购</h2>
    <div class="flsh-nav">
      <div class="flsh-list">
       <p>25:00场</p>
       <img src="../小米/images/ia_100000243.jpg" alt="">
      <h5>本场已经结束</h5>
      <span>00</span> 
      <span class="flsh-span">00</span>
      <span class="flsh-span">00</span>
      </div>
      
      <div class="flsh-list flshnav">
        <img src="../小米/images/ia_100000205.png" alt="">
       <h3>摩摩哒舒压眼部按摩器</h3>
       <h4>石墨烯热敷，震动按摩</h4>
       <p class="ffont">299元<span class="ffontspan">399元</span></p>
       </div>

       <div class="flsh-list flshnav s1">
        <img src="../小米/images/ia_100000205.png" alt="">
       <h3>摩摩哒舒压眼部按摩器</h3>
       <h4>石墨烯热敷，震动按摩</h4>
       <p class="ffont">299元<span class="ffontspan">399元</span></p>
       </div>

       <div class="flsh-list flshnav">
        <img src="../小米/images/ia_100000205.png" alt="">
       <h3>摩摩哒舒压眼部按摩器</h3>
       <h4>石墨烯热敷，震动按摩</h4>
       <p class="ffont">299元<span class="ffontspan">399元</span></p>
       </div>

       <div class="flsh-list flshnav s2">
        <img src="../小米/images/ia_100000205.png" alt="">
       <h3>摩摩哒舒压眼部按摩器</h3>
       <h4>石墨烯热敷，震动按摩</h4>
       <p class="ffont">299元<span class="ffontspan">399元</span></p>
       </div>
    </div>
    <img class="flsh-shopping-img" src="../小米/images/ia_100003374.webp" alt="">
    </div>
 </div>
<!-- 手机 -->
 <div class="phone">
   <div class="w">
   <h2 class="htmlfont">手机</h2>
   <div class="phone-big"></div>
   <ul class="phone-ul">

   </ul>
   <img class="flsh-shopping-img" src="images/ia_100003384.webp" alt="">
   </div>
 </div>
<!-- 家电 -->
<div class="homeApp">
  <div class="w">
  <h2 class="htmlfont">家电</h2> 
  <div class="homeApp-first">
    <img class="firstimg" src="images/ia_100003385.webp" alt="">
    <ul class=" homeApp-ul">
       <li class="homeApp-li">
       <a href="">
       <img class="phone-img" src="images/ia_100003387.webp" alt="">
       <h4 class="phone-h4">小米10 至尊版</h4>
       <p class="phone-p">120x 变焦/120w秒充/120HZ屏幕</p>
       <span class="phone-span">599元起</span>
       </a>
       </li>

       <li class="homeApp-li">
        <a href="">
        <img class="phone-img" src="images/ia_100003387.webp" alt="">
        <h4 class="phone-h4">小米10 至尊版</h4>
        <p class="phone-p">120x 变焦/120w秒充/120HZ屏幕</p>
        <span class="phone-span">599元起</span>
        </a>
        </li>

        <li class="homeApp-li">
          <a href="">
          <img class="phone-img" src="images/ia_100003387.webp" alt="">
          <h4 class="phone-h4">小米10 至尊版</h4>
          <p class="phone-p">120x 变焦/120w秒充/120HZ屏幕</p>
          <span class="phone-span">599元起</span>
          </a>
          </li>

          <li class="homeApp-li">
            <a href="">
            <img class="phone-img" src="images/ia_100003387.webp" alt="">
            <h4 class="phone-h4">小米10 至尊版</h4>
            <p class="phone-p">120x 变焦/120w秒充/120HZ屏幕</p>
            <span class="phone-span">599元起</span>
            </a>
            </li>
    </ul>
  </div>
<!-- 家电第二组 -->
  <div class="homeApp-first Apptwo">
    <img  class="firstimg" src="images/ia_100003386.webp" alt="">
    <ul class=" homeApp-ul">
       <li class="homeApp-li">
       <a href="">
       <img class="phone-img" src="images/ia_100003387.webp" alt="">
       <h4 class="phone-h4">小米10 至尊版</h4>
       <p class="phone-p">120x 变焦/120w秒充/120HZ屏幕</p>
       <span class="phone-span">599元起</span>
       </a>
       </li>

       <li class="homeApp-li">
        <a href="">
        <img class="phone-img" src="images/ia_100003387.webp" alt="">
        <h4 class="phone-h4">小米10 至尊版</h4>
        <p class="phone-p">120x 变焦/120w秒充/120HZ屏幕</p>
        <span class="phone-span">599元起</span>
        </a>
        </li>

        <li class="homeApp-li">
          <a href="">
          <img class="phone-img" src="images/ia_100003387.webp" alt="">
          <h4 class="phone-h4">小米10 至尊版</h4>
          <p class="phone-p">120x 变焦/120w秒充/120HZ屏幕</p>
          <span class="phone-span">599元起</span>
          </a>
          </li>

          <li class="homeApp-li">
            <a href="">
            <img class="phone-img" src="images/ia_100003387.webp" alt="">
            <h4 class="phone-h4">小米10 至尊版</h4>
            <p class="phone-p">120x 变焦/120w秒充/120HZ屏幕</p>
            <span class="phone-span">599元起</span>
            </a>
            </li>
    </ul>
  </div>
  
</div>
</div>

<!-- 最右侧 -->
<div class="rightNav">
  <div class="rightNavs"><i class="iocommon"></i><p>手机App </p></div>
  <div class="rightNavs"><i class="iocommon"></i><p>个人中心</p></div>
  <div class="rightNavs"><i class="iocommon"></i><p>售后服务</p></div>
  <div class="rightNavs"><i class="iocommon"></i><p>人工客服</p></div>
  <div class="rightNavs"><i class="iocommon"></i><p>购物车  </p></div>

</div>



<!-- 底部 -->
<div class="foot">
  <div class="w">
    <div class="centre">
      <ul>
          <li style="border-right: 1px solid #e0e0e0;"><a href="#"><i class="iocommon"></i> 预约维修服务</a></li>
          <li style="border-right: 1px solid #e0e0e0;"><a href="#"><i class="iocommon"></i> 七天无理由退货</a></li>
          <li style="border-right: 1px solid #e0e0e0;"><a href="#"><i class="iocommon"></i> 15天免费换货</a></li>
          <li style="border-right: 1px solid #e0e0e0;"><a href="#"><i class="iocommon"></i> 满150元包邮</a></li>
          <li><a href="#"><i class="iocommon"></i>520余家售后网点</a></li>
      </ul>
  </div>

  <div class="centre-list">
    <ul>
      <li><p>帮助中心</p></li>
      <li><p href="">账户管理</p></li>
      <li><p href="">账户管理</p></li>
      <li><p href="">账户管理</p></li>
    </ul>
  </div>

  <div class="centre-list">
    <ul>
      <li><p>帮助中心</p></li>
      <li><p href="">服务支持</p></li>
      <li><p href="">售后政策</p></li>
      <li><p href="">自助服务</p></li>
      <li><p href="">相关下载</p></li>
    </ul>
  </div>

  <div class="centre-list">
    <ul>
      <li><p>线下门店</p></li>
      <li><p href="">小米之家</p></li>
      <li><p href="">服务网店</p></li>
      <li><p href="">自助服务</p></li>
      <li><p href="">授权体验店</p></li>
    </ul>
  </div>

  <div class="centre-list">
    <ul>
      <li><p>关注我们</p></li>
      <li><p href="">新浪微博</p></li>
      <li><p href="">官方微信</p></li>
      <li><p href="">联系我们</p></li>
      </ul>
  </div>

  <div class="centre-list">
    <ul>
      <li><p>特色服务</p></li>
      <li><p href="">F 码通道</p></li>
      <li><p href="">礼物码</p></li>
      <li><p href="">防伪查询</p></li>
      </ul>
  </div>

  <div class="footright">
    <img src="images/foot01.png" alt="">
  </div>
  </div>
</div>
<img class="endimg" src="images/foot02.png" alt="">
</body>
<script src="../小米/layui/layui.js"></script>
<script src="../小米/js/index.js"></script>
    
</html>